@extends('home.layout')
@section('content')
<script type="text/javascript">
    $(function(){
        $("#logout").css('top','-10px');
    });
</script>
<div class="banner_wp">
  <div class="modwp">
    <div class="animate_wp">
      <div class="big_circle_wp">
        <div class="big_circle1"></div>
        <div class="big_circle2"></div>
        <div class="big_circle3"></div>
      </div>
      <div class="small_circle">
        <div class="light"></div>
      </div>
      <div class="mid_circle_light" style="display: none;"></div>
      <div class="mid_circle">
        <a href="javascript:;" class="btn_super" clickid="icon_svip" blockid="vipintro">超级会员</a>
        <a href="javascript:;" class="btn_intro btn_pt" clickid="icon_bjvip" blockid="vipintro">白金会员</a>
        <a href="javascript:;" class="btn_intro btn_k" clickid="icon_knvip" blockid="vipintro">快鸟会员</a>
        <a href="javascript:;" class="btn_intro btn_jsq" clickid="icon_jsqvip" blockid="vipintro">网游加速器会员</a>
        <a href="javascript:;" class="btn_intro btn_yuedu" style="display: none;" clickid="icon_readvip" blockid="vipintro">阅读会员</a>
      </div>
    </div>
    <div class="bracket_left"></div>
    <div class="bracket_right"></div>
  </div>
      <!--收起遮罩-->
  <div class="mask_cls">
    <!--向下引导箭头-->
    <a href="javascript:;" class="guide_arrow" title="展开">
      <span></span>
    </a>
  </div>
</div>
<div class="intro_tabs_wp" id="l_tabs">
  <div class="modwp">
    <ul class="intro_tabs">
      <li class="item item_super on" show-type="super">
        <a href="javascript:;" clickid="tab_svip" blockid="vipintro">
          超级会员
        </a>
      </li>
      <li class="item item_pt" show-type="baijin">
        <a href="javascript:;" clickid="tab_bjvip" blockid="vipintro">
          白金会员
        </a>
      </li>
      <li class="item item_k" show-type="kuainiao">
        <a href="javascript:;" clickid="tab_knvip" blockid="vipintro">
          快鸟会员
        </a>
      </li>
      <li class="item item_jsq" show-type="wangyou">
        <a href="javascript:;" clickid="tab_jsqvip" blockid="vipintro">
          网游加速器会员
        </a>
      </li>
      <li class="item item_yuedu" show-type="yuedu" style="display: none;">
        <a href="javascript:;" clickid="tab_readvip" blockid="vipintro">
          阅读会员
        </a>
      </li>
    </ul><!--tabs end-->
  </div>
</div>
<div class="intro_cont_wp" id="l_tabcont">
  <!--tab分内容-->
  <!--超级会员内容-->
  <div class="tab_area intro_area intro_super" style="display:block;">
    <div class="feature_list">
      <div class="feature_wp">
        <a href="#" class="feature" clickid="block_bjvip" blockid="vipintro">
          <div class="hd"><span class="tit">白金会员</span><span class="sub">下载快人一步</span></div>
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/rocket.png" alt="白金会员"></div>
          <p class="price">原价：15元/月</p>
        </a>
        <div class="shadow"></div>
      </div>

      <span class="ico_plus">+</span>

      <div class="feature_wp">
        <a href="#" class="feature" clickid="block_knvip" blockid="vipintro">
          <div class="hd"><span class="tit">快鸟会员</span><span class="sub">上网极限加速</span></div>
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/kuainiao.png" alt="快鸟会员"></div>
          <p class="price">原价：15元/月</p>
        </a>
        <div class="shadow"></div>
      </div>

      <span class="ico_plus">+</span>

      <div class="feature_wp">
        <a href="#" class="feature" clickid="block_jsqvip" blockid="vipintro">
          <div class="hd"><span class="tit">网游加速器会员</span><span class="sub">超群游戏速度</span></div>
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/jsq.png" alt="网游加速器会员"></div>
          <p class="price">原价：15元/月</p>
        </a>
        <div class="shadow"></div>
      </div>

      <span class="ico_plus" style="display: none;">+</span>

      <div class="feature_wp" style="display: none;">
        <a href="#" class="feature" clickid="block_readvip" blockid="vipintro">
          <div class="hd"><span class="tit">阅读会员</span><span class="sub">免费图书一手快读</span></div>
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/book.png" alt="阅读会员"></div>
          <p class="price">原价：15元/月</p>
        </a>
        <div class="shadow"></div>
      </div>
    </div>

    <div class="btn_open_wp">
      <a payid="vipintroduce_c" class="open_vip btn_open" href="javascript:void(0)" clickid="v_pc_hygw_ggong_pay_sviptab_svip_pay_btn" blockid="vipintro">开通超级会员 &gt;</a>
      <div class="cont">
        <span class="price"><span class="num">30</span> 元/月</span>
        <span class="origin_price">原价45元</span>
      </div>
    </div>
    <p class="slogan">尊享超级特权50+项</p>
  </div>
  <!--白金会员内容-->
  <div class="tab_area intro_area intro_pt" style="display:none;">
    <div class="aside_banner">
      <div class="btn_open_wp">
        <a href="#" class="btn_open open_vip" blockid="vipintro" clickid="v_pc_hygw_ggong_pay_bjtab_bjvip_pay_btn" payid="vipintroduce_b">开通白金会员</a>
        <div class="cont">
          <p class="tip"><a payid="vipintroduce_c" blockid="vipintro" clickid="v_pc_hygw_ggong_pay_bjtab_svip_pay_btn" class="open_vip" href="javascript:void(0)">亲，超级会员更划算</a></p>
        </div>
      </div>
      <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/banner_pt.jpg" alt="白金会员"></div>
    </div>
    <div class="cont_wp">
      <div class="feature_list">
        <div class="feature_wp">
          <div class="hd"><span>下载特权</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data row2">省时50%</span>
              <span class="tit">高速下载</span>
            </div>
            <div class="f_item">
              <span class="data">4PB</span>
              <span class="tit">离线下载</span>
            </div>
            <div class="f_item">
              <span class="data">6设备</span>
              <span class="tit">远程下载</span>
            </div>
            <div class="f_item">
              <span class="data">0等待</span>
              <span class="tit">云播</span>
            </div>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>游戏特权</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data">免费</span>
              <span class="tit">礼包特权</span>
            </div>
            <div class="f_item">
              <span class="data">首发</span>
              <span class="tit">发号特权</span>
            </div>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>理财特权</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data row2">存1天<br>得1天</span>
              <span class="tit">存款得会员</span>
            </div>
            <div class="f_item">
              <span class="data row2">收益<br>翻倍</span>
              <span class="tit">专享理财</span>
            </div>
            <div class="f_item">
              <span class="data">送会员</span>
              <span class="tit">理财福利</span>
            </div>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>成长与身份</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data row2">10-15点<br>每天</span>
              <span class="tit">升级加速</span>
            </div>
            <div class="f_item">
              <span class="data row2">私人<br>客服</span>
              <span class="tit">VIP尊享专线</span>
            </div>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>折扣优惠</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data row2">+4<br>积分起</span>
              <span class="tit">积分特权</span>
            </div>
            <div class="f_item">
              <span class="data">8折起</span>
              <span class="tit">积分兑换折扣</span>
            </div>
            <div class="f_item">
              <span class="data">8折起</span>
              <span class="tit">开通会员优惠</span>
            </div>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>安全与其他</span></div>
          <div class="feature">
            <div class="f_item">
              <span class="data row2">保护<br>隐私</span>
              <span class="tit">安全特权</span>
            </div>
            <div class="f_item">
              <span class="data row2">美女<br>写真</span>
              <span class="tit">天天美图</span>
            </div>
            <div class="f_item">
              <span class="data">不回收</span>
              <span class="tit">帐号永存</span>
            </div>
            <div class="f_item">
              <span class="data row2">云端<br>同步</span>
              <span class="tit">手机尊享</span>
            </div>
            <div class="f_item">
              <span class="data row2">优先<br>处理</span>
              <span class="tit">客服优先</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--快鸟会员内容-->
  <div class="tab_area intro_area intro_k" style="display:none;">
    <div class="aside_banner">
    <div class="btn_open_wp">
        <a href="#" payid="vipintroduce_k" class="btn_open open_vip" blockid="vipintro" clickid="k_pc_hygw_ggong_pay_kntab_knvip_pay_btn">开通快鸟会员</a>
        <div class="cont">
          <p class="tip"><a payid="vipintroduce_c" class="open_vip" href="javascript:void(0)" blockid="vipintro" clickid="v_pc_hygw_ggong_pay_kntab_svip_pay_btn">亲，超级会员更划算</a></p>
        </div>
      </div>
      <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/banner_k.jpg" alt="快鸟会员"></div>
    </div>
    <div class="cont_wp">
      <div class="feature_list">
        <div class="feature_wp">
          <div class="hd"><span>下载特权</span></div>
          <div class="feature">
            <p class="txt">宽带提升5倍，最高可达100M，下载、视频、游戏、网页......不止于快</p>
          </div>
        </div>
      </div>
      <div class="badge_wp">
        <div class="badge">
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/k_badge_1.png" alt="下载速度飙升500%"></div>
        </div>
        <div class="badge">
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/k_badge_2.png" alt="精彩视频告别卡顿"></div>
        </div>
        <div class="badge">
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/k_badge_3.png" alt="在线游戏拒绝延迟"></div>
        </div>
      </div>
      <div class="k_banner">
        <div class="logo_k"></div>
        <div class="info">
          <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/k_img_1.png" alt="快鸟最高提速1400%"></div>
          <span class="txt">网速最高可提高</span>
          <span class="num">1400%</span>
          <div class="btn_wp">
              <a href="#" class="btn_use" id="kuainiao-try" blockid="vipintro" clickid="knviptab_kntrial">立即试用</a><a href="javascript:void(0)" class="btn_use" id="kuainiao-cannot" style="display:none">当前宽带暂不支持提速</a><a href="http://k.xunlei.com/notice.html" target="_blank" class="link">不能提速？！WHY？</a>
          </div>
        </div>
      </div>
      <p class="link_wp"><a href="http://k.xunlei.com" target="_blank" class="link_more" blockid="vipintro" clickid="knviptab_knmore">了解更多&gt;&gt;</a></p>
    </div>
  </div>
  <!--加速器会员内容-->
  <div class="tab_area intro_area intro_jsq" style="display:none;">
    <div class="aside_banner">
      <div class="btn_open_wp">
        <a href="https://pay.xunlei.com/game.html?referfrom=jv_pc_hygw_ggong_pay_jtab_jvip" target="_blank" class="btn_open" blockid="vipintro" clickid="jv_pc_hygw_ggong_pay_jtab_jvip_pay_btn">开通加速器会员</a>
        <div class="cont">
          <p class="tip"><a payid="vipintroduce_c" class="open_vip" href="javascript:void(0)" blockid="vipintro" clickid="jv_pc_hygw_ggong_pay_jtab_svip_pay_btn">亲，超级会员更划算</a></p>
        </div>
      </div>
      <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/banner_jsq.jpg" alt="加速器会员"></div>

    </div>
    <div class="cont_wp">
      <div class="feature_list">
        <div class="feature_wp">
          <div class="hd row2"><span>光纤节点<br>加速</span></div>
          <div class="feature">
            <p class="txt">专属光纤节点加速，解决网游过程中卡顿、延迟、掉线问题</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>网吧特权</span></div>
          <div class="feature">
            <p class="txt">支持剑灵、CF、FIFA-online3、QQ炫舞等184款游戏金牌网吧特权</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>补丁更新</span></div>
          <div class="feature">
            <p class="txt">迅雷P2P下载技术支持，比游戏内更新快5~6倍，会员更可加速更新</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>高速下载</span></div>
          <div class="feature">
            <p class="txt">LOL、剑灵、魔兽世界等热门游戏，专享迅雷免费高速通道</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>网游多开</span></div>
          <div class="feature">
            <p class="txt">支持多开并且加速10个游戏窗口</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>海量礼包</span></div>
          <div class="feature">
            <p class="txt">海量热门游戏礼包定期供应，免费领取</p>
          </div>
        </div>
      </div>
      <p class="link_wp"><a href="http://jsq.xunlei.com/home.html" target="_blank" class="link_more" blockid="vipintro" clickid="jsqtab_jsqmore">了解更多&gt;&gt;</a></p>
    </div>
  </div>
  <!--阅读会员内容-->
  <div class="tab_area intro_area intro_yuedu" style="display:none;">
    <div class="aside_banner">
    <div class="btn_open_wp">
        <a href="http://pay.vip.xunlei.com/yuedu.html?referfrom=v_pc_hygw_ggong_pay_ydtab_ydvip" blockid="vipintro" clickid="v_pc_hygw_ggong_pay_ydtab_ydvip_pay_btn" target="_blank" class="btn_open">开通阅读会员</a>
        <div class="cont">
          <p class="tip"><a payid="vipintroduce_c" class="open_vip" blockid="vipintro" clickid="v_pc_hygw_ggong_pay_ydtab_svip_pay_btn" href="javascript:void(0)">亲，超级会员更划算</a></p>
        </div>
      </div>
      <div class="img_wp"><img src="http://img.vip.xunlei.com/n_vip_7/images-y16/intro/banner_yuedu.jpg" alt="阅读会员"></div>
    </div>
    <div class="cont_wp">
      <div class="feature_list">
        <div class="feature_wp">
          <div class="hd"><span>海量资源</span></div>
          <div class="feature">
            <p class="txt">汇聚名家佳作，囊括大神精品</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>离线阅读</span></div>
          <div class="feature">
            <p class="txt">迅雷下载强大支持，在线、离线随心切换，无网络也不寂寞</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>多端同步</span></div>
          <div class="feature">
            <p class="txt row2">书架多端云同步，至爱好书无处不在，阅读进度同步更新<br>切换设备无烦恼</p>
          </div>
        </div>
        <div class="feature_wp">
          <div class="hd"><span>有声读物</span></div>
          <div class="feature">
            <p class="txt">特色有声读物，一键朗诵，舒适听书，省去翻页之劳</p>
          </div>
        </div>
      </div>
      <p class="link_wp"><a href="http://yuedu.xunlei.com/" blockid="vipintro" clickid="readtab_readmore" target="_blank" class="link_more">了解更多&gt;&gt;</a></p>
    </div>
  </div>
</div>

@endsection